   <!DOCTYPE html>
<html>
<head>
<head />
<div th:include="base-libs :: base-libs" />
<title>服务详情</title>
<style type="text/css">
.topBtn{
	float: right;
	margin-right:10px;
	margin-top:5px
}
.star-box {
    display: inline-block;
    position: relative;
    vertical-align: middle; }
    .star-box > ul > li {
      float: left; }
      .star-box > ul > li > a.star {
        width: 1.33333rem;
        height: 1.33333rem;
        background: url("../css/images/gray-star.png") no-repeat;
        background-size: cover;
        vertical-align: middle;
        display: inline-block;
        float: left;
        margin-right: 0.47619rem; }
      .star-box > ul > li.active a.star {
        background: url("../css/images/red-star.png") no-repeat;
        background-size: cover; }
.spanTooLong{
	display:inline-block;
	height:20px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	width:200px;
}
</style>
</head>
<script th:inline="javascript">
	/**医联体信息*/
	var qysqxx = [[${qysqxx}]];
	/**服务管理信息*/
	var fwglxx = [[${fwglxx}]];
	/**履约记录*/
	var lyjl = [[${lyjl}]];
</script>
<script type="text/javascript">
	$(function() {
		initData(); 
	});

	function initData() {
		$("#lyxx").hide();
		/**加载医联体信息*/
		initQysqxx();
		
		/**服务管理信息*/
		if(fwglxx){
			$("#method").val("update");
			$(".fwgl").each(function(){
				$(this).text(fwglxx[$(this).attr("id")]);
			});
			if(fwglxx["XZBL"]=="0"){
				$("#BLTR").hide();
			}else if(fwglxx["XZBL"]=="1"){
				$("#BLTR").show();
				$("#BLXZ").text(fwglxx["HZXM"]+"\t"+fwglxx["ZDMC"]);
			}
			$("#JSFWJG").text(fwglxx["JSFWJG"]);
			$("#TGFWJGMC").text(fwglxx["TGFWJGMC"]);
		}
		/**加载履约记录*/
		if(!$.isEmptyObject(lyjl)){
			$("#lyxx").show();
			$(".fwly").each(function(){
				$(this).text(lyjl[$(this).attr("id")]);
			});
			/**服务评价*/
			var fwpj = parseInt(lyjl["FWPJ"]);
			$(".star-box").find("li").each(function(index) {
				if(index < fwpj){
					$(this).addClass("active");
				}
			});
		}
	}

	/**返回按钮*/
	function btnBackHandler() {
		$.QuickUrlUtils.redirectUrl("fwlb.html");
	}
	
	/**加载医联体信息*/
	function initQysqxx(){
		if(qysqxx){
			$(".yltxx").each(function(){
				$(this).text(qysqxx[$(this).attr("id")]);
			});
		}
	}
</script>

<body style="overflow-y: scroll">
<div id="maxDiv" style="height: 670px;">
	<div id="maxLayout" class="easyui-layout" fit="true">
		<div region="center" style="border: none; overflow: hidden;">
			<h4 class="h4-title" style="font-size: 18px;text-align:center;">
				服务详情
			</h4>
			<div class="form-table-box" >
				<form id="managerForm" class="form-horizontal" >
					<h4 class="h4-title" style="font-size: 13px;">
						医联体信息
					</h4>
					<table class="form-table">
						<tr>
							<td class="td-text">医联体名称：</td>
							<td class="td-content">
								<span id="YLTMC" class="yltxx" type="text">
								</span>
							</td>
							<td class="td-text">医联体类型：</td>
							<td class="td-content">
								<span id="YLTLXMC" class="yltxx"></span>
							</td>
							<td class="td-text">主导医疗机构：</td>
							<td class="td-content">
								<span id="ZDYLJGMC" class="yltxx"></span>
							</td>
						</tr>
						<tr>
							<td class="td-text">签约有效期：</td>
							<td class="td-content">
								<span id="QYYXQMC" class="yltxx"></span>
							</td>
							<td class="td-text">签约时间：</td>
							<td class="td-content">
								<span id="QYSJ" class="yltxx"></span>
							</td>
							<td class="td-text">至</td>
							<td class="td-content">
								<span id="DQSJ" class="yltxx"></span>
							</td> 
						</tr>
					</table>
					<h4 class="h4-title" style="font-size: 13px;">
						服务信息
					</h4>
					<table class="form-table ">
						<tr>
							<td class="td-text">提供服务机构：</td>
							<td class="td-content">
								<span id="TGFWJGMC"></span>
							</td>
							<td class="td-text">接收服务机构：</td>
							<td class="td-content">
								<span id="JSFWJG" class="fwgl spanTooLong"></span>
							</td>
							<td class="td-text">预期服务时间：</td>
							<td class="td-content">
								<span id="YQFWSJ" class="fwgl"></span>
							</td>
						</tr>
						<tr>
							<td class="td-text">服务项：</td>
							<td class="td-content" colspan="5">
								<span id="FWMC" class="fwgl"></span>
							</td>
						</tr>
						<tr>
							<td class="td-text">服务内容：</td>
							<td class="td-content" colspan="5">
								<span id="FWNR" class="fwgl"></span>
							</td>
						</tr>
						<tr id="BLTR">
							<td class="td-text">病例选择：</td>
							<td class="td-content" colspan="5">
								<span id="BLXZ" class="fwgl"></span>
							</td>
						</tr>
						<tr>
							<td class="td-text">备注：</td>
							<td class="td-content" colspan="5">
								<span id="BZ" class="fwgl"></span>
							</td>
						</tr>
					</table>
					
					<div id="lyxx">
						<h4 class="h4-title" style="font-size: 13px;">
							履约信息
						</h4>
						<table class="form-table ">
							<tr>
								<td class="td-text">实际服务时间：</td>
								<td class="td-content">
									<span id="SJFWSJ" class="fwly"></span>
								</td>
								<td class="td-text">操作人员：</td>
								<td class="td-content">
									<span id="CZRYMC" class="fwly"></span>
								</td>
							</tr>
							<tr>
								<td class="td-text">服务评价：</td>
								<td class="td-content" colspan="3" style="text-align:center">
									<div class="star-box">
										<ul>
											<li><a class="star"></a></li>
											<li><a class="star"></a></li>
											<li><a class="star"></a></li>
											<li><a class="star"></a></li>
											<li><a class="star"></a></li>
										</ul>
									</div>
								</td>
							</tr>
							<tr>
								<td class="td-text">评价：</td>
								<td class="td-content" colspan="5">
									<span id="LYBZ"class="fwly"></span>
								</td>
							</tr>
						</table>
					</div>
				</form>
				<div style="text-align:center;margin-top: 5px;">
					<button class="btn"  type="button" onclick="btnBackHandler()">返回</button>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>


